<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form</title>
</head>

<body>
    <h1>Form表单</h1>
    <form name="OrderFoodOnline" id="Order_Food" method="POST">
        First Name:
        <input type="text" name="fname" size="20" maxlength="20">
        <br> Last Name:
        <input type="text" name="lname" size="20" maxlength="20">
        <br> Password:
        <input type="password" name="pwd">
        <br>
        <input type="radio" name="gender" value="male"> male
        <input type="radio" name="gender" value="female" checked> female
        <br>
        <input type="checkbox" name="phone" value="huawei">华为
        <input type="checkbox" name="phone" value="xiaomi">小米
        <input type="checkbox" name="phone" value="apple">苹果
        <br>
        <input type="submit" formaction="" formmethod="">
        <input type="reset" name="reset">
        <br> URL:
        <input type="url" name="locator">
        <br> Email:
        <input type="email" name="email" autocomplete="on">
        <br>音量：
        <input type="range" max="100" min="0" step="5" value="90">
        <br>出生日期：
        <input type="date" name="birthday">
        <br>时间：
        <input type="time" name="mytime">
        <br>数量：
        <input type="number" name="count" min="0" max="10">
        <br>电话：
        <input type="tel" name="telephone">
        <br>图片按钮:
        <input type="image" src="close.png" width="48" height="48">

    </form>
</body>

</html>